{include file="../application/api/view/layout/header.html" /}

{if condition="($toLan == 'zh')"}
<link rel="stylesheet" href="../css/quality-equipment.css">
{else /}
<link rel="stylesheet" href="../css/exzh/quality-equipment.css">
{/if}

<div class="about-banner quality">
        <h2>｜ <?php echo translate('质量保证',$fromLan,$toLan);?> ｜</h2>
        <div class="title">Quality Assurance</div>
    </div>

    <section class="section-tab w1200">
        {include file="../application/api/view/layout/qualityBox.html" /}
        <div class="main-box">
            <div class="main-title">
                <h3><?php echo translate('生产设备',$fromLan,$toLan);?></h3>
                <p><?php echo translate('质量保证',$fromLan,$toLan);?> <i>/</i> <span><?php echo translate('生产设备',$fromLan,$toLan);?></span></p>
            </div>
            <div class="imgBox">
              {if condition="($toLan == 'zh')"}
              <img src="../img/quality/img3.jpg?x-oss-process=image/format,webp/quality,Q_75" alt="">
              <div class="sign-box sign-1">
                  <?php echo translate('成品仓',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                      <a href="#"  type="video"  media="https://video-shares.oss-cn-hongkong.aliyuncs.com/production_facility/production_facility/Finished_products.mp4">
                        <img src="../img/quality/equipment-chengpincang.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('成品仓',$fromLan,$toLan);?>"  >
                        <span class="sign-detail"><?php echo translate('成品仓',$fromLan,$toLan);?></span>
                      </a>
                  </div>
              </div>
              <div class="sign-box sign-2">
                  <?php echo translate('酸洗',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                      <a href="#"  type="video"  media="https://video-shares.oss-cn-hongkong.aliyuncs.com/production_facility/production_facility/pickling.mp4">
                        <img src="../img/quality/equipment-img-suanxi.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('酸洗',$fromLan,$toLan);?>"  >
                        <span class="sign-detail"><?php echo translate('酸洗',$fromLan,$toLan);?></span>
                      </a>
                  </div>
              </div>
              <div class="sign-box sign-3">
                  <?php echo translate('拉丝车间',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                    <a href="#"  type="video"   media="https://video-shares.oss-cn-hongkong.aliyuncs.com/production_facility/production_facility/drawing_.mp4">
                      <img src="../img/quality/equipment-img-lasi.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('拉丝车间',$fromLan,$toLan);?>"  >
                      <span class="sign-detail"><?php echo translate('拉丝车间',$fromLan,$toLan);?></span>
                    </a>
                  </div>
              </div>
              <div class="sign-box sign-4">
                  <?php echo translate('宿舍',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                    <a href="#"  type="video"   media="https://video-shares.oss-cn-hongkong.aliyuncs.com/production_facility/production_facility/dormitory.mp4">
                      <img src="../img/quality/equipment-img-sushe.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('宿舍',$fromLan,$toLan);?>"  >
                      <span class="sign-detail"><?php echo translate('宿舍',$fromLan,$toLan);?></span>
                    </a>
                  </div>
              </div>
              <div class="sign-box sign-5">
                  <?php echo translate('食堂',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                      <a href="#"   type="video"  media="https://video-shares.oss-cn-hongkong.aliyuncs.com/production_facility/production_facility/Cafeteria.mp4">
                        <img src="../img/quality/equipment-img-shitang.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('食堂',$fromLan,$toLan);?>"  >
                        <span class="sign-detail"><?php echo translate('食堂',$fromLan,$toLan);?></span>
                      </a>
                  </div>
              </div>
              <div class="sign-box sign-6">
                  <?php echo translate('原料仓',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap" >
                    <a href="#"  type="video"   media="https://video-shares.oss-cn-hongkong.aliyuncs.com/production_facility/production_facility/warehouse_for_raw_materials.mp4">
                      <img src="../img/quality/equipment-yuanliao.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('原料仓',$fromLan,$toLan);?>"  >
                      <span class="sign-detail"><?php echo translate('原料仓',$fromLan,$toLan);?></span>
                    </a>
                  </div>
              </div>
              <div class="sign-box sign-7">
                  <?php echo translate('办公室',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                    <a href="#"  type="video"  media="https://video-shares.oss-cn-hongkong.aliyuncs.com/production_facility/production_facility/office.mp4">
                      <img src="../img/quality/equipment-bangongshi.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('办公室',$fromLan,$toLan);?>"  >
                      <span class="sign-detail"><?php echo translate('办公室',$fromLan,$toLan);?></span>
                    </a>
                  </div>
              </div>
              <div class="sign-box sign-8">
                  <?php echo translate('热处理车间',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                    <a href="#" type="video"  media="https://video-shares.oss-cn-hongkong.aliyuncs.com/production_facility/production_facility/heat_treatment.mp4">
                      <img src="../img/quality/equipment-rechuli.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('热处理车间',$fromLan,$toLan);?>"  >
                      <span class="sign-detail"><?php echo translate('热处理车间',$fromLan,$toLan);?></span>
                    </a>
                  </div>
              </div>
              {else /}
              <img src="../img/quality/img3.jpg?x-oss-process=image/format,webp/quality,Q_75" alt="">
              <div class="sign-box sign-1">
                  <?php echo translate('成品仓',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                      <a href="#"  type="video"  media="https://video-shares.oss-cn-hongkong.aliyuncs.com/equipment/equipment/finished_goods_warehouse.mp4">
                        <img src="../img/quality/equipment-chengpincang.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('成品仓',$fromLan,$toLan);?>"  >
                        <span class="sign-detail"><?php echo translate('成品仓',$fromLan,$toLan);?></span>
                      </a>
                  </div>
              </div>
              <div class="sign-box sign-2">
                  <?php echo translate('酸洗',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                      <a href="#"  type="video"  media="https://video-shares.oss-cn-hongkong.aliyuncs.com/equipment/equipment/pickling.mp4">
                        <img src="../img/quality/equipment-img1.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('酸洗',$fromLan,$toLan);?>"  >
                        <span class="sign-detail"><?php echo translate('酸洗',$fromLan,$toLan);?></span>
                      </a>
                  </div>
              </div>
              <div class="sign-box sign-3">
                  <?php echo translate('拉丝车间',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                    <a href="#"  type="video"   media="https://video-shares.oss-cn-hongkong.aliyuncs.com/equipment/equipment/wire_drawing_workshop.mp4">
                      <img src="../img/quality/equipment-img1.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('拉丝车间',$fromLan,$toLan);?>"  >
                      <span class="sign-detail"><?php echo translate('拉丝车间',$fromLan,$toLan);?></span>
                    </a>
                  </div>
              </div>
              <div class="sign-box sign-4">
                  <?php echo translate('宿舍',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                    <a href="#"  type="video"   media="https://video-shares.oss-cn-hongkong.aliyuncs.com/equipment/equipment/dormitory.mp4">
                      <img src="../img/quality/equipment-img1.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('宿舍',$fromLan,$toLan);?>"  >
                      <span class="sign-detail"><?php echo translate('宿舍',$fromLan,$toLan);?></span>
                    </a>
                  </div>
              </div>
              <div class="sign-box sign-5">
                  <?php echo translate('食堂',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                      <a href="#"   type="video"  media="https://video-shares.oss-cn-hongkong.aliyuncs.com/equipment/equipment/canteen.mp4">
                        <img src="../img/quality/equipment-img1.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('食堂',$fromLan,$toLan);?>"  >
                        <span class="sign-detail"><?php echo translate('食堂',$fromLan,$toLan);?></span>
                      </a>
                  </div>
              </div>
              <div class="sign-box sign-6">
                  <?php echo translate('原料仓',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap" >
                    <a href="#"  type="video"   media="https://video-shares.oss-cn-hongkong.aliyuncs.com/equipment/equipment/raw_material_warehouse.mp4">
                      <img src="../img/quality/equipment-img1.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('原料仓',$fromLan,$toLan);?>"  >
                      <span class="sign-detail"><?php echo translate('原料仓',$fromLan,$toLan);?></span>
                    </a>
                  </div>
              </div>
              <div class="sign-box sign-7">
                  <?php echo translate('办公室',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                    <a href="#"  type="video"  media="https://video-shares.oss-cn-hongkong.aliyuncs.com/production_facility/production_facility/heat_treatment.mp4">
                      <img src="../img/quality/equipment-bangongshi.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('办公室',$fromLan,$toLan);?>"  >
                      <span class="sign-detail"><?php echo translate('办公室',$fromLan,$toLan);?></span>
                    </a>
                  </div>
              </div>
              <div class="sign-box sign-8">
                  <?php echo translate('热处理车间',$fromLan,$toLan);?>
                  <div class="sign-container videoWrap">
                    <a href="#"  type="video"  media="./video-page.html?videourl=../img/video/test-video.mp4" >
                      <img src="../img/quality/equipment-rechuli.png?x-oss-process=image/format,webp/quality,Q_75" alt="<?php echo translate('热处理车间',$fromLan,$toLan);?>"  >
                      <span class="sign-detail"><?php echo translate('热处理车间',$fromLan,$toLan);?></span>
                    </a>
                  </div>
              </div>
              {/if}
            </div>
        </div>
    </section>

<div id="videoBox"  style="display: none; width: 80vw; height: 45vw;">
  <iframe id="videoIframe" src="" title="Tensile strength test" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
  </iframe>
</div>
{include file="../application/api/view/layout/footer.html" /}
